<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><title><!--Or_Skin[title]--></title>



        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><!--Or_Skin[meta]--><!--Or_Skin[ccs_src]-->


        <link rel="stylesheet" type="text/css" href="../../lib/dojo/dijit/themes/tundra/tundra.css">
        <link rel="stylesheet" type="text/css" href="../../lib/dojo/dojo/resources/dojo.css">
        <link rel="stylesheet" type="text/css" href="../../lib/calendar/calendar.css">
        <style type="text/css">
            a:link,a:visited
            {
                color:#000000;
                text-align:center;
                padding:6px;
                text-decoration:none;
            }
            a:hover,a:active
            {
                color:#FF0000;
            }
            body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
            html, body { width: 100%; height: 100%; margin: 0;}
            <!--Or_Skin[style]-->
        </style>
        <script language="JavaScript" src="../../lib/OrScript.js"></script>
        <script language="JavaScript" src="../../lib/calendar/calendar.js"></script>
        <script type="text/javascript" src="../../lib/dojo/dojo/dojo.js" charset="utf-8" djconfig="parseOnLoad: true"></script><!--Or_Skin[script_src]-->

        <script language="JavaScript">
            <!--
            dojo.require("dijit.layout.BorderContainer");
            dojo.require("dijit.layout.TabContainer");
            dojo.require("dijit.layout.AccordionContainer");
            dojo.require("dijit.layout.ContentPane");
            dojo.require("dijit.TitlePane");
            dojo.require("dijit.form.Form");
            dojo.require("dijit.form.Button");
            dojo.require("dijit.form.ValidationTextBox");
            dojo.require("dijit.form.FilteringSelect");
            dojo.require("dijit.form.DropDownButton");
            dojo.require("dijit.TooltipDialog");
            dojo.require("dijit.Editor");

            dojo.require("dijit.MenuBar");
            dojo.require("dijit.PopupMenuBarItem");
            dojo.require("dijit.Menu");
            dojo.require("dijit.MenuItem");
            dojo.require("dijit.PopupMenuItem");


            dojo.require("dojo.fx");
            dojo.addOnLoad(function(){
                // create On Load funtion
                //dojo.fx.wipeIn({node: "animDiv",duration: 1000}).play();
                //dojo.fx.slideTo({node: "animDiv",duration: 1000, left: 300, top: 0}).play();
            });

            //-->
            <!--Or_Skin[script]-->
        </script></head>
    <body class="tundra">
        <div dojoType="dijit.layout.BorderContainer" style="width: 100%; height: 100%;">
            <div dojoType="dijit.layout.ContentPane" region="top">
                <!--Or_Skin[my_caption]-->
                <div dojoType="dijit.form.DropDownButton">
                    <span>
                        อื่นๆ
                    </span>
                    <div dojoType="dijit.layout.AccordionContainer" style="width: 200px; height: 95%; margin: 0 auto;">
                        <div dojoType="dijit.layout.AccordionPane" title="pane #1">
                            accordion pane #1
                        </div>
                        <div dojoType="dijit.layout.AccordionPane" title="pane #2">
                            accordion pane #2
                        </div>
                        <div dojoType="dijit.layout.AccordionPane" title="pane #3">
                            accordion pane #3
                        </div>
                    </div>
                    <div dojoType="dijit.layout.ContentPane" >
                        Trailing pane
                    </div>
                </div>
            </div>
            <div dojoType="dijit.layout.BorderContainer" region="center">
                <!--Or_Skin[my_subform]-->
            </div>
        </div>
    </body>
</html>